import React from 'react'
import styles from './Cooperative.less';
import { Tabs } from 'antd';

import SelectInput from './Components/SelectInput'
import CooperativeList from './Components/CooperativeList'
import MyCooperativeList from './Components/MyCooperativeList'

const { TabPane } = Tabs;

class CooperationPage extends React.Component{
    render() {
        function callback(key) {
            console.log(key);
        }
        return (
            <div className={styles.content}>
                
                <Tabs defaultActiveKey="1" onChange={callback}>
                    <TabPane tab="合作申请" key="1">
                    <SelectInput />
                    <CooperativeList />
                    </TabPane>
                    <TabPane tab="我的合作店铺" key="2">
                    <SelectInput />
                    <MyCooperativeList />
                    </TabPane>
                </Tabs>
            </div>
        )
    }
}
export default CooperationPage